.font-size-12{font-size: 12px;}
.body-color{background-color: #EFF3F8;font-family: "Microsoft Yahei";}
.padding-x-def{padding-left: 5%;padding-right: 5%;}
.padding-left{padding-left: 4%;}
.padding-right{padding-right: 4%;}

.content{width: 100%;height: auto; padding-top: 16px;padding-bottom: 16px;}
.ul-blog{margin: 0px;padding: 0px;list-style: none;background-color: #FFFFFF;border-top: #EAEAEA solid 1px;}
.ul-blog>li{ /*min-height: 180px;*/height:auto;padding: 20px;border: #EAEAEA solid 1px;border-top: none;}
.ul-blog>li:hover{background-color: #F9F9F9;}
.blog-title{font-size: 16px;font-weight: bold;height: auto;padding: 5px 0px;}
.blog-tag{height:24px;line-height:24px;display: inline-block;color: #FFFFFF;background-color: #45BCF9;font-weight: normal;padding: 0px 8px;font-size: 12px;vertical-align: middle;}
.blog-tag:hover{background-color: #5DC4F9;cursor: pointer;}
.blog-title-text:hover{color: #49A0D2;cursor: pointer;}
.blog-title>span{vertical-align: middle;}
.blog-index{line-height: 1.8;padding: 2px 0px;}
.blog-index>span{display: inline-block;margin-right: 20px;color: #999999;}
.blog-digest{color: #999999;text-indent: 2em;line-height: 1.6;word-wrap:break-word;}

.about-me{background-color: #FFFFFF;padding: 5px 12px;border: #EAEAEA solid 1px;}
.notice{background-color: #FFFFFF;padding: 5px 12px;border: #EAEAEA solid 1px;margin-top: 12px;line-height: 1.7;}

.foot{width: 100%;height: auto;background-color: #FFFFFF;padding: 20px;line-height: 1.7;}

.blog-search{width: 100%; height: 60px;background-color: #ffffff;padding: 12px;position: relative;display: none;}
.packup{width:30px;height: 30px;line-height: 30px;position:absolute;left: 12px;top:80px;z-index: 92;float: left;
    text-align: center;background-color: #5BC0DE;color: #ffffff;clear: both;}
.packup:hover{cursor: pointer;opacity: 0.8;}

/*article.jsp*/
.blog-btn{width: 60px;height: 60px;line-height:60px;letter-spacing:2px;border:#EAEAEA solid 1px;border-radius: 50%;text-align: center;
    position: fixed;top: 165px;left: 5px;font-size: 14px;cursor: pointer;}
.blog-btn:hover{opacity: 0.8;}
.btn-submit{background-color: #0081E3;border:#EAEAEA solid 2px;}

.show-title{font-size: 16px;font-weight: bold;width: 100%;line-height: 1.7;border-left: #1FA6E6 solid 5px;text-indent: 2px;}
.show-content{font-size: 14px;}
.blog-index2{line-height: 1.8;padding-top:5px;}
.blog-index2>span{display: inline-block;margin-right: 20px;color: #999999;}
.cursor-hand:hover{color: #49A0D2;}

/*write.jsp*/
.blog-btn{width: 60px;height: 60px;line-height:60px;letter-spacing:2px;border:#EAEAEA solid 1px;border-radius: 50%;text-align: center;
    position: fixed;top: 165px;left: 5px;font-size: 14px;cursor: pointer;}
.blog-btn:hover{opacity: 0.8;}
.btn-submit{background-color: #0081E3;border:#EAEAEA solid 2px;}

/*message.jsp*/
.cheader{width: 50px;height: 50px;border: #EAEAEA solid 1px;border-radius: 4px;position: absolute;z-index: 2;background-color: #ffffff;}
.cheader>img{width: 100%;height: 100%;border-radius: 4px;}
.message-bar{min-height:80px;width: 100%;height: auto;box-sizing: border-box;padding-left: 62px;}
.message-author{color: #00A4FF;font-size: 12px;}
.message-text{padding-top: 5px;}
.message-time{padding-top: 12px;}